<template>
    <view class="bg-[#f8f8f8] min-h-screen text-[34rpx]">
        <view class="text-[36rpx] pt-[20rpx] flex justify-around">
            <text class="text-[#FD755D] border-b-[5rpx] border-[#FD755D] font-bold">活动报名</text>
            <text class="mr-[36rpx]  text-[#434141] ">活动报名</text>
            <text class="mr-[36rpx]   text-[#434141] ">预报名</text>

        </view>
        <view class="bg-white mt-[10rpx] px-[30rpx] py-[20rpx]">
            <view class="flex">
                <view>
                    1、
                </view>
                <view class="flex-1 border-b border-[#D8D8D8]">
                    <view class="pb-[20rpx]">项目名称：XXXXXX</view>
                    <view class="pb-[20rpx]">报名开始时间：2024.12.10 12:00</view>

                    <view class="pb-[20rpx]">报名结束时间：2024.12.10 12:00</view>

                    <view class="pb-[20rpx]">报名数量限制：3</view>

                    <view class="pb-[20rpx]">说明：XXXXXXXXXXXXXXXXXXXXXX</view>

                </view>
            </view>
             <view class="py-[20rpx] px-[2em] flex itemc  justify-between">
                  <view @click="navigateTo('/pages/paymentRecord/paymentRecord')" class="text-[#FD755D]">报名缴费记录</view>
                  <view @click="navigateTo('/pages/enrollmentDetails/enrollmentDetails')">查看详情></view>
             </view>



        </view>
    </view>
</template>
<script setup>
const navigateTo = (url) => {
  uni.navigateTo({
    url
  })
}
</script>